<!doctype html>
<!--[if IE 7]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if gt IE 9]><!--><html lang="en"><!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<title>Site | Who we are</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index, follow" />
	<meta name="author" content="" />	
    <meta name="viewport" content="width=device-width" />
	<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300&subset=latin,vietnamese,latin-ext' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.3.custom.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" media="screen" />
    
    <!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
</head>
<body>
	<div id="container" role="main">
    	<div class="header">
            <div class="navbar navbar-inverse" role="navigation">
                <div class="top-header">
                	<div class="inner clearfix">
                        <ul class="list-1 clearfix ">
                            <li class="pull-left">
                            	<span class="btn btn-user"><i class="fa fa-user"></i></span>
                            </li>
                            <li>
                            	<div class="navbar-header">
			                        <a class="navbar-brand" href="#"><img src="images/logo.png" alt="" /></a> 
			                    </div>
                            </li>
                            <li class="pull-right">
                            	<span class="btn btn-search"><i class="fa fa-search"></i></span>
                            </li>
                        </ul>
                    	<form class="form-search hidden" method="get" id="form-search" action="/">
						    <div class="input-append">
						        <input type="text" class="input-medium search-query" name="search" placeholder="Search..." value="">
						    </div>
						    <div class="wrap-btn-search">
						    	<i class="fa fa-search"></i>
						    </div>
						</form>
	                </div>
                </div>
            </div>
        </div>
		<div id="main">
			<div class="banner-block">
				<a href="#" title="" class="logo-banner"><img src="images/logo-upbeat-banner.png" alt="" /></a>
				<img src="images/upload/photo-about.jpg" alt="" />
			</div>
			<div class="link-article">
				<div class="inner">
					<ul class="list-inline">
						<li>
							<a href="#about-us" title="About Us">
								<span class="icon-article icon-about"></span>
								<span>About Us</span>
							</a>
						</li>
						<li>
							<a href="#our-team" title="Our Team">
								<span class="icon-article icon-team"></span>
								<span>Our Team</span>
							</a>
						</li>
						<li>
							<a href="#contact" title="Contacts">
								<span class="icon-article icon-contact"></span>
								<span>Contacts</span>
							</a>
						</li>
					</ul>
				</div>
			</div>
			<div id="about-us">
				<div class="white-block">
					<div class="inner">
						<h2 class="pink-title">About Us</h2>
						<div class="content">
							<div class="text-block">
								<h3>
									<span>ALL ABOUT THE FUN</span>
								</h3>
								<div class="fck">
					      			<p>We help you explore your fun world in a cool way.We love you to live life to its fullest.That is why Upbeat.vn was born to help you escape from the boring everyday routine. We hope that by discovering new amazing things and people around your city, you may be inspired to rediscover your life.</p>
					      		</div>
							</div>

							<div class="text-block">
								<h3>
									<span>THE FIRST AND ONLY PLACE FOR YOUR</span>
									<span>ENTERTAINMENT</span>
								</h3>
								<div class="fck">
						      		<p>We strive to be a bridge that brings all the entertainment closer to you.</p>
						      		<p>Now, you don’t have to spend your time and energy to search for entertainment anymore, because we already do that and we put them all in one place for you. Just simply go on Upbeat.vn and choose your beloved activity.</p>
						      		<p>Moreover, we look for fresh, unique entertainers/organizers and promote them on our website, so that you can find a new favorite thing for your entertainment.</p>
						      		<p>On our website, all events are updated on a 7-day basis, making it easy for you to plan ahead for your week’s activities.</p>
						      	</div>
							</div>

							<div class="text-block">
								<h3>
									<span>EASIER AND SAFER THAN EVER BEFORE</span>
								</h3>
								<div class="fck">
					      			<p>Your purchase and private information are kept safe and secure. Our ultimate goal is your happiness. Every day we’re working hard to provide  the best service from before, during and after event.So in the end, all that’s left for you is to have a good time.</p>
					      		</div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div id="our-team">
				<div class="inner">
					<h2 class="pink-title">Our Team</h2>
					<div class="member-list">
				        <div class="member cl-left">
			          		<img src="images/photo-duytruong.png" alt="" />
			          		<span class="name">Duy Truong</span>
			          		<span class="job-title">CEO & Co-Founder</span>
			          		<span class="school-name">University of Massachusetts</span>
			        	</div>
				        <div class="member">
			          		<img src="images/photo-ducphan.png" alt="" />
			          		<span class="name">Duc Phan</span>
			          		<span class="job-title">VP of Marketing & Co-founder</span>
			          		<span class="school-name">University of California, Irvine</span>
			        	</div>
			        	<div class="member cl-left">
			          		<img src="images/photo-linhtran.png" alt="" />
			          		<span class="name">Linh Tran</span>
			          		<span class="job-title">Chief of Operation</span>
			          		<span class="school-name">Seattle University</span>
			        	</div>
			        	<div class="member">
			          		<img src="images/photo-diemmy.png" alt="" />
			          		<span class="name">Diem My 9x</span>
			          		<span class="job-title">VP of Communication</span>
			          		<span class="school-name">Foreign Trade University, HCM</span>
			        	</div>
			        	<div class="member cl-left">
			          		<img src="images/photo-nghiango.png" alt="" />
			          		<span class="name">Nghia Ngo</span>
			          		<span class="job-title">Photographer and Editor</span>
			          		<span class="school-name">National University, Informatics College, HCM</span>
			        	</div>
			        	<div class="member">
			          		<img src="images/photo-sunnyphan.png" alt="" />
			          		<span class="name">SUNNY PHAN </span>
			          		<span class="job-title">Maketing manager</span>
			          		<span class="school-name">University of Social Sciences Humanities, HCM</span>
			        	</div>
				        <div class="member cl-left">
			          		<img src="images/photo-quyenhuynh.png" alt="" />
			          		<span class="name">Quyen Huynh</span>
			          		<span class="job-title">Accouting</span>
			          		<span class="school-name">Hong Bang University, HCM</span>
			        	</div>
			        	<div class="member">
			          		<img src="images/photo-khoitran.png" alt="" />
			          		<span class="name">Khoi tran</span>
			          		<span class="job-title">Graphic Designer</span>
			          		<span class="school-name">Hong Bang University, HCM</span>
			        	</div>
			      	</div>
				</div>
			</div>
			<div id="contact">
				<div class="white-block">
					<div class="inner">
						<h2 class="pink-title">Contacts</h2>
						<div class="contact-block">
							<div class="address-block">
								<ul class="list-unstyled">
									<li>
										<i class="fa fa-map-marker"></i>
										<div class="pull-left">
											<span><strong>Nhip Dap CO. LTD.</strong></span>
											<p>213 Ho Xuan Huong Street, Ward 6, District 3, HCMC</p>
										</div>
									</li>
									<li>
										<span><i class="fa fa-phone"></i>0905090009 -  0978.35.1010 </span>
									</li>
									<li>
										<span><i class="fa fa-envelope"></i><a href="mailto:info@upbeat.vn">info@upbeat.vn</a></span>
									</li>
								</ul>
							</div>
							<div class="map-block">
								<img src="images/upload/photo-map.jpg" alt="" />
							</div>
							<div>
								<form role="form" class="contact-form form-general">
								  	<div class="form-group">
									    <label for="name-1">Full Name:</label>
									    <input type="text" class="form-control" id="name-1" placeholder="...">
								  	</div>
								  	<div class="form-group">
									    <label for="email-1">Email:</label>
									    <input type="email" class="form-control" id="email-1" placeholder="email">
								  	</div>
								  	<div class="form-group">
									    <label for="subject">Subject:</label>
									    <input type="text" class="form-control" id="subject" placeholder="...">
								  	</div>
								  	<div class="form-group">
									    <label for="content">Content</label>
								  		<textarea class="form-control" rows="3" id="content" placeholder="..."></textarea>
								  	</div>	
								  	<div class="form-group">
								  		<div class="checkbox">
											<input id="ck-newsletter" type="checkbox" name="check" value="">
											<label for="ck-newsletter">Sign up to recive newletter</label>
										</div>
								  		<button type="submit" class="btn btn-default pull-right send-contact-btn">SEND <i class="fa fa-angle-right"></i></button>
								  	</div>
								</form>	
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<footer class="footer">
			<div class="inner">
		        <div class="pull-right">
		        	<ul class="list-1">
		        		<li>
		        			<a href="#" title="Customer services: 0978.35.1010">Customer services: 0978.35.1010</a>
		        		</li>
		        	</ul>
		        </div>
		        <p>© 2014 Nhipdap Co. ltd.</p>
			</div>
    	</footer>
	</div>
	<div class="slide-in">
		<ul class="tk-museo-sans">
			<li class="last">
				<div class="wrap-top clearfix">
					<div class="left">
		                <a class="btn-choose-lang" data-toggle="dropdown" data-target="#menu2">EN<i class="fa fa-angle-down"></i></a>
						<div id="menu2" class="dropdown-menu warp-blk-list-lang" role="menu" aria-labelledby="drop5">
							<span class="arrow_box"></span>
							<ul>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">EN</a></li>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">VN</a></li>
							</ul>
						</div>
					</div>
					<div class="right">
		                <div class="wrap-social">
		                	<a href="" title="facebook"><i class="fa fa-facebook-square"></i></a>
		                	<a href="" title="youtube"><i class="fa fa-youtube-square"></i></a>
		                </div>
					</div>
				</div>
            	<a href="javascript:void(0)" class="btn btn-default btn-lg">for organizer</a>
            	<div class="wrap-user">
            		<div class="wrap-img">
            			<img src="images/avatar-user.png" alt="">
            		</div>
            		<span class="name">Khôi Trần</span>
            	</div>
            	<a href="javascript:void(0)" class="btn btn-login-fb"><span class="wrap-icon"><i class="fa fa-facebook"></i></span><span class="name">FACEBOOK LOGIN </span></a>
            	<span class="highlight"></span>
            </li>
			<li><a href="#" title="who we are?">who we are?</a><span class="highlight"></span></li>
			<li><a href="#" title="What we do?">What we do?</a><span class="highlight"></span></li>
		</ul>
	</div>
	<script type="text/javascript" src="js/lib.js"></script> 
	<script type="text/javascript" src="js/l10n.js"></script>
	<script type="text/javascript" src="js/plugin.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/start.js"></script>
</body>
</html>
